<template>
  <div>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-hidden">
        cared
        <div id="M_Toggle" class="mui-switch mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </li>
      <li class="mui-table-view-cell mui-media" v-for="item in list" :key="item.id">
        <router-link :to="'/home/newslist/' + item.id">
          <img
            class="mui-media-object mui-pull-left"
            :src="item.status"
          />
          <div class="mui-media-body">
            {{item.name}}
            <p>{{item.time | dateFormat}}</p>
            <p class="mui-ellipsis">{{item.title}}</p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>



<script>
import {Toast} from "mint-ui"

export default {
  name: "",
  props: [""],
  data() {
    return {
      list:[
        {id:1,name:'名字1',title:'信息111',time:new Date(),status:false},
        {id:2,name:'名字2',title:'信息222',time:new Date(),status:false},
        {id:3,name:'名字3',title:'信息333',time:new Date(),status:false},
        {id:4,name:'名字4',title:'信息444',time:new Date(),status:false},
        {id:5,name:'名字5',title:'信息555',time:new Date(),status:false},
        {id:6,name:'名字6',title:'信息666',time:new Date(),status:false}
      ]
    };
  },
  methods: {
    getNewsList(){
      this.$http.get('api/getnewslist').then(result => {

      })
    }
  }
};
</script>





<style lang='less' scoped>
.mui-table-view {
  li {
    h1 {
      font-size: 14px;
      
    }
    .mui-ellipsis {
        font-size: 12px;
        color: #226aff;
        display: flex;
        justify-content: space-around;
      }
  }
}
</style>